<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>chat Rooms</title>
    <link rel="stylesheet" href="css/common.css" />
    <script type="text/javascript" src="/socket.io/socket.io.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/chat.js"></script>
    <script type="text/javascript" src="js/chat_ui.js"></script>
</head>
<body>
<header>Chatting</header>
<div class="main">
    <div class="messages"></div>
    <div class="roomList">
        <div>Chatting</div>
    </div>
</div>
<footer>
    <form id="send-form">
        <input id='send-message'  type="text"/>
        <input id='send-button' type='submit' value="Send" />
    </form>
    <div id='help'>
        Chat commands:
        <ul>
            <li>Change nickname: <code>/nick [username]</code></li>
            <li>Join/create room: <code>/join [room name]</code></li>
        </ul>
    </div>
</footer>
</body>
</html>